/*
THEME NAME: 7Color
THEME URI: http://nishuang.de/theme/7color/
DESCRIPTION: Simple, Clean theme with Colorful head. Flexible width layout. Compatible with WordPress 2.8+
VERSION: 1.0.4
AUTHOR:  Ni Shuang
AUTHOR URI: http://nishuang.de/
TAGS: White, Blue, flexible-width, two-columns, left-sidebar
*/

/*Common CSS*/
	body {margin:0px;padding:0px;font-size:14px;line-height:1.7;font-family:verdana;color:#222;}
	a,a:visited {text-decoration:none;color:#1166cc;}
	a:hover {text-decoration:underline;color:#1166cc;}
	li h3 {color:#222;}
	li {color:#aaccee;}
	hr {height:1px;color:#ccccff;}
	h3 {font-family:Microsoft YaHei,calibri,verdana;font-size:20px;font-weight:normal;}
	pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	}

/*
LAYOUT: Two-Column (Left)
DESCRIPTION: Two-column fluid layout with one sidebars left of content
*/
	div#main {
	float:right;
	margin:0 0 0 -260px;
	width:100%;
	background-image:url(../images/front/bg_container.gif);background-repeat : repeat-x;
	}

	div#main,div#primary {
	padding-top:40px;
	}

	div#content {
	margin:0 0 0 260px;
	border-left:1px solid #dddddd;
	padding:0px 5px;
	}

	div.sidebar {
	float:left;
	overflow:hidden;
	width:230px;
	padding:5px 10px 5px 20px;
	font-size:12px;
	}

	div#secondary {
	clear:left;
	}

	div#footer {
	clear:both;
	width:100%;
	}

/*Head*/
	div#header A,div#header A:visited {color:#ffffff;text-decoration:none;}

	div#header{
	border-top:4px solid #000;
	background-color:#0196d6;
	color:#ffffff;background-image:url(../images/front/bg_header.jpg);background-position :left bottom;background-repeat : no-repeat;
	height:95px;
	}

	h1#blog-title{
	position:absolute;
	float:left;
	font-family:Microsoft YaHei,calibri,verdana;
	font-size:34px;
	font-weight:normal;
	line-height:36px;margin:30px 20px;
	float:left;
	z-index: 1;
	}
	
	div#search{
	position:absolute;
	float:left;
	padding:32px 0px 0px 726px;
	}
	
	#search-input {width:182px;height:28px;padding:2px 0px 2px 25px;background:url("../images/front/search-input.png") 0 0 no-repeat;}
	#search-input-input {height:16px;width:115px;background-image:url(../images/front/bg_container.gif);background-repeat : repeat-x;background-position :left -8px;padding-top:3px;border:solid 1px #cccccc;}
	#search-submit {border-width:0px;background: transparent;cursor: pointer;font-size:12px;color:#fff;font-weight:bold;margin:3px 3px;padding:0px;font-family:verdana;}


/*Menu*/
	div#menu {
	font-family:Microsoft YaHei,calibri,verdana;
	background-color:#0078cd;
	background-image:url(../images/front/bg_menu.jpg);background-position :left top;background-repeat : no-repeat;
	height:30px;
	padding-left:10px;
	text-align:left;
	}

	div#menu ul, div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
	float:left;
	}

	div#menu ul,div#menu ul ul {
	line-height:1;
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	}

	div#menu ul a {
	color:#ffffff;
	display:block;
	padding:8px 10px;
	text-decoration:none;
	}

	div#menu ul ul ul a {
	font-style:italic;
	}

	div#menu ul li ul {
	left:-999em;
	position:absolute;
	}

	div#menu ul li:hover ul {
	left:auto;
	}

	div#menu ul li ul,div#menu ul li li {display:none;}
	.rss{
	position:absolute;
	float:left;
	width:16px;height:24px;
	background-image:url(../images/front/rss.png);background-position:60px 8px;background-repeat : no-repeat;
	padding:0px 0px 0px 70px;
	}

/*Category*/
	div#category_description {
	padding-bottom:30px;}
	
	div#category_description p{
	padding:0px;margin:0px;line-height:1;
	}

	div#category_description h2{
	margin-top:4px;
	line-height:1;
	}

	div#category_description .archive-meta{
	font-size:28px;
	font-weight:normal;
	line-height:1;
	color:#999999;
	}

	div#category_description small
	{margin-left:54px;font-size:12px;}


/*Content*/
	h2{
	font-family:Microsoft YaHei,calibri,verdana;
	font-size:34px;
	font-weight:normal;
	line-height:1.2;
	margin:0px 0px 8px 0px;
	}

	h2 span {color:#dd0000;font-family:verdana;font-size:36px;
	}

	.entry-title,.entry-meta {
	clear:both;
	}

	.entry-title{
	margin-left:20px;
	}

	.entry-content{
	background-image:url(../images/front/bg_post.gif);background-repeat : repeat-x; background-position:left 2px;
	border-top:1px solid #dddddd;
	padding:10px 20px;
	margin:0px 5px 70px 5px;
	}

	.entry-content-width,.navigation {width:660px;_overflow:hidden;}
	.navigation {padding:0px 20px;}

	.entry-content h2{
	font-family:verdana;
	font-size:28px;
	font-weight:normal;
	line-height:1;
	}

	.entry-content li{
	color:#222;}

	.related_post li{
	color:#ffcc33;}


	.entry-meta {
	font-size:12px;color:#999999;
	margin-bottom:20px;
	}

	.meta-nav {
	color:#55aa22;font-weight:bold;}

	.cat {
	width:13px;height:13px;background-image:url(../images/front/icon_cat.gif);background-repeat : no-repeat;float:left;margin:4px 4px 4px 0px;
	}

	.info {
	width:48px;height:58px;background-position:left top;background-image:url(../images/front/icon_info.png);background-repeat : no-repeat;float:left;margin:0px 4px 10px 0px;
	}
	
	
	div#content #search{
	float:left;
	padding:0px;
	}


/* comments */
	div.comments ol li {
	margin:10px 0px;font-size:12px;
	color:#333333;
	}

	div.comments p {
	line-height:1.2;}

	div.comments li{
	background-color: #f9f9fa;border:1px solid #eeeef0;padding:10px 20px 10px 20px;margin:0px;
	list-style-position: outside;
	}

	div.comments li li{
	background-color: #ffffff;border:1px solid #f3f3f5;padding:10px;margin:5px 0px;
	list-style-type:none;
	list-style-position: outside;
	}

	#cancel-comment-reply {display:none;}

	div.comment-meta,div.comment-meta a,div.comment-meta a:visited{
	color:#999999;line-height:1.2;
	}

	div.comment-content P
	{margin:10px 0px;padding:0px;}

	div.comment-author_vcard img{float:right;}

	div.comment-author_vcard {font-weight:bold;}

	textarea#comment {
	height:13em;
	margin:0 0 0.5em;
	overflow:auto;
	width:340px;height:150px;
	}

	
/*Footer*/
	div#footer-border {
	width:100%;height:40px;text-align:center;
	margin-top:20px;
	background-image:url(../images/front/bg_post_2.gif);background-repeat : repeat-x;
	clear:both;
	}

	div#footer{
	overflow:visible;
	background-color:#005599;
	padding:20px 0px 0px 0px;
	font-size:12px;
	clear:both;
	background-image:url(../images/front/bg_footer.png);background-repeat : repeat-x;
	margin-left:auto; margin-right:auto;text-align:center;
	}

	div#footer-3rd {
	margin-left:auto; margin-right:auto;text-align:center;
	width:925px;
	}
	
	
	div#footer  .footer-bar{
	text-align:left;
	float:left;
	margin:0px 0px 20px 20px;
	padding:0px;
	width:280px;
	}

	div#footer ul{
	text-align:left;
	float:left;
	margin:0px 0px 0px 0px;
	padding-left:10px;
	list-style-type:none;
	}

	div#footer li {
	font-size:12px;
	color:#6699ff;
	}

	div#footer li li{list-style-type:disc;}

	div#footer li a,div#footer li a:visited {color:#ddeeff;}
	
	#footer-text {
	clear:both;
	margin-left:auto; margin-right:auto;text-align:center;
	padding:20px;
	width:600px;
	color:#99ccff;
	}

	#footer-text a,#footer-text a:visited{color:#99ccff;}

/*Others*/
	div.skip-link {
	position:absolute;
	right:1em;
	top:1em;
	}
	input#author,input#email,input#url{
	width:50%;
	}

	
	#searchform #s {
	height:19px;width:120px;
	background-image:url(../images/front/bg_container.gif);background-repeat : repeat-x;
	background-position :left -8px;
	border-top:solid 1px #666666;border-left:solid 1px #666666;border-right:solid 1px #cccccc;border-bottom:solid 1px #cccccc;
	}

	div#nav-above {
	margin-bottom:1em;
	}

	div#nav-below {
	margin-top:1em;
	}

	div#nav-images {
	height:150px;
	margin:1em 0;
	}

	div.navigation {
	height:1.25em;
	}

	div.navigation div.nav-next {
	float:right;
	text-align:right;
	}
	
	
/*Sidebar*/


	
	div.sidebar h3 {
	font-size:16px;
	}

	div.sidebar input#s {
	width:7em;
	}

	div.sidebar li {
	list-style:none;
	margin:0 0 2em;
	}

	div.sidebar li form {
	margin:0.2em 0 0;
	padding:0;
	}

	div.sidebar ul ul {
	margin:0 0 0 25px;
	}

	div.sidebar ul ul li {
	list-style:disc;
	margin:0;
	}

	div.sidebar ul ul ul {
	margin:0 0 0 0.5em;
	}

	div.sidebar ul ul ul li {
	list-style:circle;
	}

	div.sidebar span {color:#333333;}

	div.sidebar img {border-width:0px;}

/*Gallery*/

	div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
	margin:0;
	padding:0;
	}


	.alignright,img.alignright{
	float:right;
	margin:1em 0 0 1em;
	}

	.alignleft,img.alignleft{
	float:left;
	margin:1em 1em 0 0;
	}

	.aligncenter,img.aligncenter{
	display:block;
	margin:1em auto;
	text-align:center;
	}

	div.gallery {
	clear:both;
	height:180px;
	margin:1em 0;
	width:100%;
	}

	p.wp-caption-text{
	font-style:italic;
	}

	div.gallery dl{
	margin:1em auto;
	overflow:hidden;
	text-align:center;
	}

	div.gallery dl.gallery-columns-1 {
	width:100%;
	}

	div.gallery dl.gallery-columns-2 {
	width:49%;
	}

	div.gallery dl.gallery-columns-3 {
	width:33%;
	}

	div.gallery dl.gallery-columns-4 {
	width:24%;
	}

	div.gallery dl.gallery-columns-5 {
	width:19%;
	}

/* Page Navigation*/
	.navigation {
	margin:10px 0px;
	 padding-top:15px;
	 padding-bottom:2px;/*visivility-IE*/
	 border:1px solid #fff;
	}
	.alignleft {
	 float:left;
	}
	.alignright {
	 float:right;
	}
	.aligncenter, div.aligncenter {
	 display: block;
	 margin:0 auto;
	}
	.wp-pagenavi {
	 text-transform:uppercase;
	 font-size:13px;
	}
	.wp-pagenavi a {
	 text-decoration:none;
	 border:1px solid #eedd77;
	 color:#333333;
	 margin:2px;
	 padding:3px 4px;
	 background-color:#ffee88;
	}
	.wp-pagenavi a:hover {
	 color:#fff;
	 border:1px solid #0077cc;
	 background-color:#2299ee;
	}
	.wp-pagenavi span {
	 margin:2px;
	 padding:3px 4px;
	}
	.wp-pagenavi span.pages {
	 color:#777;
	 margin-left:0;
	 color:#000;

	}
	.wp-pagenavi span.current {
	 color:#333333;
	 font-weight:bold;
	}

